﻿<!doctype html><!--声明文档类型（文档头信息）-->
<html lang="en"><!--根标签，语言-->
 <head><!--网页元信息-->
  <meta charset="UTF-8"><!--字符编码-->
  <meta name="Generator" content="EditPlus®"><!--使用的编程器（可省略）-->
  <meta name="Author" content="Sookie"><!--作者-->
  <!--网站三要素：关键字、页面描述、标题-->
  <meta name="Keywords" content=""><!--关键字：让搜索引擎可以抓住你的页面-->
  <meta name="Description" content=""><!--网页描述：网页简介-->
  <title>国际领先高端服装设计网站_设计师信赖的流行趋势预测平台-POP服装趋势网</title><!--网站标题-->
  <link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css">
  <link rel="stylesheet" type="text/css" href="css/init.css" />
  <link rel="stylesheet" type="text/css" href="css/header.css" />
  <link rel="stylesheet" type="text/css" href="css/home.css" />
  <link rel="stylesheet" type="text/css" href="css/styles.css" />
  <link rel="stylesheet" type="text/css" href="css/footer.css" />
  <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
 </head>
 <body>
	<div id="wrap">
		<!----------网页头部----------->
		<div id="header">
			<!-------网页顶部导航栏------->
			<div class="shortcut clearfix">
				<!----“POP服装趋势”---->
				<div class="s-pop">
					<div class="s-p-logo">
						<a href="#" class="logo"><!--“POP服装趋势”logo-->
							<img src="images/vi_logo.png" alt="logo" width="113" height="24" />
							<i class="h-s-ico"></i>
						</a>
						<div class="sub-pop"><!--“POP服装趋势”子导航栏-->
							<a href="#">
								<i class="s-p-clothes"></i>
								<span>服装</span>
							</a>
							<a href="#">
								<i class="s-p-bag"></i>
								<span>箱包</span>
							</a>
							<a href="#">
								<i class="s-p-shoes"></i>
								<span>鞋子</span>
							</a>
							<a href="#">
								<i class="s-p-jewelry"></i>
								<span>首饰</span>
							</a>
							<a href="#">
								<i class="s-p-textile"></i>
								<span>家纺</span>
							</a>
							<a href="#">
								<i class="s-p-website"></i>
								<span>官网</span>
							</a>
							<a href="#">
								<i class="s-p-lecture"></i>
								<span>POP趋势讲堂</span>
							</a>
						</div>
					</div>
				</div>
				<!----“POP服装趋势” end---->
				<!----左导航栏---->
				<div class="s-left ver-line">
					<div class="s-l-language"><!--语言选择项-->
						<a href="#" class="s-l-opt s-left-1">
							<i class="s-l-ico1 naver-ico"></i>
							<span>中文</span>
							<i class="h-s-ico"></i>
						</a>
						<div class="language-opt"><!--语言选择子导航栏-->
							<a href="#">
								<i class="korean"></i>
								<span>한국어</span>
							</a>
							<a href="#">
								<i class="english"></i>
								<span>English</span>
							</a>
						</div>
					</div>
					<a href="#" class="s-l-opt s-left-2">
						<i class="s-l-ico2 naver-ico"></i>
						<span>网站说明</span>
					</a>
					<a href="#" class="s-l-opt s-left-3">
						<i class="s-l-ico3 naver-ico"></i>
						<span>客户端</span>
					</a>
				</div>
				<!----左导航栏 end---->
				<!----右导航栏---->
				<div class="s-right clearfix">
					<ul class="clearfix">
						<li class="s-r-consult"><!-- 客服图标 -->
							<a href="#" class="s-r-opt">
								<i class="consult naver-ico"></i>
							</a>
							<div class="consult-msg">
								<p class="before-sale">
									<i></i>
									<span class="p-number">4008-210-500</span>
									(售前客服)
								</p>
								<p class="after-sale">
									<i></i>
									<span class="p-number">4008-210-662</span>
									(售后小秘书)
								</p>
								<a href="#" class="qq-consult s-r-opt">
									<i></i>
									QQ咨询
								</a>
							</div>
						</li>
						<li class="s-r-search"><!-- 搜索框 -->
							<a href="#" class="s-r-opt">
								<form action="" method="" name="">
									<input type="search" name="search" placeholder="搜索" class="search" />
									<span></span>
								</form>
							</a>
						</li>
						<li><!-- 发现品牌 -->
							<a href="#" class="s-r-opt">
								<i class="brand-ico naver-ico"></i>
								<span>发现品牌</span>
							</a>
						</li>
						<li class="s-r-login ver-line"><!-- 登录 -->
							<a href="#" class="s-r-opt">
								登录
							</a>
						</li>
						<li class="s-r-register ver-line"><!-- 注册 -->
							<a href="#" class="s-r-opt">
								注册
							</a>
						</li>
						<li class="s-r-list"><!-- 隐匿导航菜单 -->
							<a href="#" class="s-r-naver s-r-opt"><!-- 隐匿导航菜单图标 -->
								<i></i>
							</a>
							<div class="s-r-l-menu"><!-- 隐匿导航子菜单 -->
								<div class="menu-content">
									<div class="menu-list clearfix"><!-- 上半部分 -->
										<ul> <!-- 趋势解读 -->
											<li>
												<a href="#">
													<h2>趋势解读</h2>
												</a>
											</li>
											<li>
												<a href="#">
													全部
												</a>
											</li>
											<li>
												<a href="#">
													主题色彩
												</a>
											</li>
											<li>
												<a href="#">
													图案趋势
												</a>
											</li>
											<li>
												<a href="#">
													面辅料趋势
												</a>
											</li>
											<li>
												<a href="#">
													工艺趋势
												</a>
											</li>
											<li>
												<a href="#">
													廊形趋势
												</a>
											</li>
											<li>
												<a href="#">
													企划/组货
												</a>
											</li>
											<li>
												<a href="#">
													快反应
												</a>
											</li>
										</ul>
										<ul><!-- 流行分析 -->
											<li>
												<a href="#">
													<h2>流行分析</h2>
												</a>
											</li>
											<li>
												<a href="#">
													全部
												</a>
											</li>
											<li>
												<a href="#">
													T台分析
												</a>
											</li>
											<li>
												<a href="#">
													订货会分析
												</a>
											</li>
											<li>
												<a href="#">
													设计师品牌分析
												</a>
											</li>
											<li>
												<a href="#">
													标杆品牌分析
												</a>
											</li>
											<li>
												<a href="#">
													市场分析
												</a>
											</li>
											<li>
												<a href="#">
													展会分析
												</a>
											</li>
											<li>
												<a href="#">
													潮流领袖
												</a>
											</li>
											<li>
												<a href="#">
													街拍分析
												</a>
											</li>
											<li>
												<a href="#">
													行业报道
												</a>
											</li>
										</ul>
										<ul> <!-- 款式 -->
											<li>
												<a href="#">
													<h2>款式</h2>
												</a>
											</li>
											<li>
												<a href="#">
													全部
												</a>
											</li>
											<li>
												<a href="#">
													秀场提炼
												</a>
											</li>
											<li>
												<a href="#">
													订货会
												</a>
											</li>
											<li>
												<a href="#">
													设计师品牌
												</a>
											</li>
											<li>
												<a href="#">
													名牌精选
												</a>
											</li>
											<li>
												<a href="#">
													款式流行
												</a>
											</li>
											<li>
												<a href="#">
													全球实拍
												</a>
											</li>
											<li>
												<a href="#">
													潮流领袖
												</a>
											</li>
											<li>
												<a href="#">
													街拍图库
												</a>
											</li>
										</ul>
										<ul><!-- 图案 -->
											<li>
												<a href="#">
													<h2>图案</h2>
												</a>
											</li>
											<li>
												<a href="#">
													图案素材
												</a>
											</li>
											<li>
												<a href="#">
													大牌花型
												</a>
											</li>
											<li>
												<a href="#">
													图案专题
												</a>
											</li>
											<li>
												<a href="#">
													图案工艺
												</a>
											</li>
											<li>
												<a href="#">
													数码云打印
												</a>
											</li>
										</ul>
										<ul> <!-- 面料 -->
											<li>
												<a href="#">
													<h2>面料</h2>
												</a>
											</li>
											<li>
												<a href="#">
													全部
												</a>
											</li>
											<li>
												<a href="#">
													面料趋势
												</a>
											</li>
											<li>
												<a href="#">
													面料图库
												</a>
											</li>
											<li>
												<a href="#">
													面料书籍
												</a>
											</li>
										</ul>
										<ul><!-- T台 -->
											<li>
												<a href="#">
													<h2>T台</h2>
												</a>
											</li>
											<li>
												<a href="#">
													全部
												</a>
											</li>
											<li>
												<a href="#">
													巴黎时装周
												</a>
											</li>
											<li>
												<a href="#">
													纽约时装周
												</a>
											</li>
											<li>
												<a href="#">
													米兰时装周
												</a>
											</li>
											<li>
												<a href="#">
													伦敦时装周
												</a>
											</li>
											<li>
												<a href="#">
													其它
												</a>
											</li>
										</ul>
										<ul> <!-- 读物 -->
											<li>
												<a href="#">
													<h2>读物</h2>
												</a>
											</li>
											<li>
												<a href="#">
													单品合辑
												</a>
											</li>
											<li>
												<a href="#">
													趋势手稿
												</a>
											</li>
											<li>
												<a href="#">
													快反应系列
												</a>
											</li>
											<li>
												<a href="#">
													广告大片
												</a>
											</li>
											<li>
												<a href="#">
													流行画册
												</a>
											</li>
										</ul>
										<ul><!-- 素材 -->
											<li>
												<a href="#">
													<h2>素材</h2>
												</a>
											</li>
											<li>
												<a href="#">
													灵感源
												</a>
											</li>
											<li>
												<a href="#">
													灵感视频
												</a>
											</li>
											<li>
												<a href="#">
													款式模板
												</a>
											</li>
											<li>
												<a href="#">
													款式细节
												</a>
											</li>
											<li>
												<a href="#">
													店铺陈列
												</a>
											</li>
											<li>
												<a href="#">
													展会面料
												</a>
											</li>
											<li>
												<a href="#">
													服饰品
												</a>
											</li>
										</ul>
										<ul><!-- 研发资源 -->
											<li>
												<a href="#">
													<h2>研发资源</h2>
												</a>
											</li>
											<li>
												<a href="#">
													设界
												</a>
											</li>
											<li>
												<a href="#">
													优料宝
												</a>
											</li>
											<li>
												<a href="#">
													找料帮
												</a>
											</li>
											<li>
												<a href="#">
													行业资源
												</a>
											</li>
											<li>
												<a href="#">
													顾问团
												</a>
											</li>
										</ul>
										<ul><!-- 设计工具 -->
											<li>
												<a href="#">
													<h2>设计工具</h2>
												</a>
											</li>
											<li>
												<a href="#">
													工具简介
												</a>
											</li>
											<li>
												<a href="#">
													图案识别
												</a>
											</li>
											<li>
												<a href="#">
													云图
												</a>
											</li>
										</ul>
										<ul><!-- 更多内容 -->
											<li>
												<a href="#">
													<h2>更多内容</h2>
												</a>
											</li>
											<li>
												<a href="#">
													商城
												</a>
											</li>
											<li>
												<a href="#">
													POP独家
												</a>
											</li>
											<li>
												<a href="#">
													快反应专题
												</a>
											</li>
											<li>
												<a href="#">
													客户服务
												</a>
											</li>
											<li>
												<a href="#">
													客户端下载
												</a>
											</li>
										</ul>
									</div>
									<div class="clothes-menu clearfix"><!-- 下半部分1 -->
										<a href="#" class="c-m-opt">
											女装
										</a>
										<a href="#" class="c-m-opt">
											男装
										</a>
										<a href="#" class="c-m-opt">
											童装
										</a>
										<a href="#" class="c-m-opt c-m-opt-div">
											毛衫
										</a>
										<a href="#" class="c-m-opt">
											牛仔
										</a>
										<a href="#" class="c-m-opt c-m-opt-1">
											<p>皮革</p>
											<p>皮草</p>
										</a>
										<a href="#" class="c-m-opt c-m-opt-1">
											<p>内衣</p>
											<p>泳衣</p>
										</a>
										<a href="#" class="c-m-opt c-m-opt-1">
											<p>婚纱</p>
											<p>礼服</p>
										</a>
										<a href="#" class="c-m-opt">
											运动
										</a>
									</div>
									<div class="m-c-help clearfix"><!-- 下半部分2 -->
										<div class="sale-help"><!-- 售后帮助 -->
											<i></i>
											<div class="s-h-text help-text">
												<p>售后帮助</p>
												<span>4008-210-500</span>
											</div>
										</div>
										<div class="product-consult"><!-- 产品咨询 -->
											<i></i>
											<div class="p-c-text help-text">
												<p>产品咨询</p>
												<span>4008-210-500</span>
											</div>
										</div>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<!----右导航栏 end---->
			</div>
			<!-------网页顶部导航栏 end------->

			<!-------网页头部导航栏------->
			<div class="h-naver">
				<ul class="clearfix">
					<li class="h-n-opt"><!-- 切换专区 -->
						<a href="#" class="h-n-opt-3">
							<i class="h-n-change"></i>
							切换专区
						</a>
						<div class="h-n-sub"><!-- 子菜单 -->
							<ul>
								<li>
									<a href="#" class="n-sub-opt">
										女装
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										男装
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										童装
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt n-sub-div">
										毛衫
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										牛仔
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										皮革/皮草
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										内衣/泳衣
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										婚纱/礼服
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										运动
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt n-back-home">
										<i></i>
										回到首页
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="h-n-opt ver-line h-n-opt-1"><!-- 趋势解读 -->
						<a href="#">
							趋势解读
						</a>
						<div class="h-n-sub"><!-- 子菜单 -->
							<ul>
								<li>
									<a href="#" class="n-sub-opt">
										全部
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										主题色彩
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										图案趋势
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										面辅料趋势
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										工艺趋势
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										廊形趋势
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										企划/组货
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt n-sub-bottom">
										快反应
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="h-n-opt h-n-opt-1"><!-- 流行分析 -->
						<a href="#">
							流行分析
						</a>
						<div class="h-n-sub"><!-- 子菜单 -->
							<ul>
								<li>
									<a href="#" class="n-sub-opt">
										全部
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										T台分析
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										订货会分析
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										设计师品牌分析
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										标杆品牌分析
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										市场分析
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										展会分析
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										潮流领袖
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										街拍分析
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt n-sub-bottom">
										行业报道
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="h-n-opt ver-line h-n-opt-1"><!-- 款式 -->
						<a href="#">
							款式
						</a>
						<div class="h-n-sub"><!-- 子菜单 -->
							<ul>
								<li>
									<a href="#" class="n-sub-opt">
										全部
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										秀场提炼
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										订货会
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										设计师品牌
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										名牌精选
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										款式流行
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										全球实拍
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										潮流领袖
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt n-sub-bottom">
										街拍图库
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="h-n-opt h-n-opt-1"><!-- 图案 -->
						<a href="#">
							图案
						</a>
						<div class="h-n-sub"><!-- 子菜单 -->
							<ul>
								<li>
									<a href="#" class="n-sub-opt">
										图案素材
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										打牌花型
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										图案专题
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										图案工艺
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt n-sub-bottom">
										数码云打印
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="h-n-opt h-n-opt-1"><!-- 面料 -->
						<a href="#">
							面料
						</a>
						<div class="h-n-sub"><!-- 子菜单 -->
							<ul>
								<li>
									<a href="#" class="n-sub-opt">
										全部
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										面料趋势
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										面料图库
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt n-sub-bottom">
										面料书籍
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="h-n-opt h-n-opt-1"><!-- T台 -->
						<a href="#">
							T台
						</a>
						<div class="h-n-sub"><!-- 子菜单 -->
							<ul>
								<li>
									<a href="#" class="n-sub-opt">
										全部
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										巴黎时装周
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										纽约时装周
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										米兰时装周
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										伦敦时装周
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt n-sub-bottom">
										其它
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="h-n-opt h-n-opt-1"><!-- 读物 -->
						<a href="#">
							读物
						</a>
						<div class="h-n-sub"><!-- 子菜单 -->
							<ul>
								<li>
									<a href="#" class="n-sub-opt">
										单品合辑
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										趋势手稿
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										快反应系列
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										广告大片
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt n-sub-bottom">
										流行画册
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="h-n-opt h-n-opt-1"><!-- 素材 -->
						<a href="#">
							素材
						</a>
						<div class="h-n-sub"><!-- 子菜单 -->
							<ul>
								<li>
									<a href="#" class="n-sub-opt">
										灵感源
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										灵感视频
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										款式模板
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										款式细节
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										店铺陈列
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										展会面料
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt n-sub-bottom">
										服饰品
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="h-n-opt"><!-- 商城 -->
						<a href="#">
							商城
						</a>
					</li>
					<li class="h-n-opt ver-line"><!-- POP独家 -->
						<a href="#">
							<i class="h-n-pop"></i>
							POP独家
						</a>
					</li>
					<li class="h-n-opt"><!-- 研发资源 -->
						<a href="#">
							<i class="h-n-source"></i>
							研发资源
						</a>
						<div class="h-n-sub"><!-- 子菜单 -->
							<ul>
								<li>
									<a href="#" class="n-sub-opt">
										设界
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										优料宝
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										找料帮
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										行业资源
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt n-sub-bottom">
										顾问团
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="h-n-opt"><!-- 设计工具 -->
						<a href="#">
							<i class="h-n-tools"></i>
							设计工具
						</a>
						<div class="h-n-sub"><!-- 子菜单 -->
							<ul>
								<li>
									<a href="#" class="n-sub-opt">
										工具简介
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										图案识别
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt n-sub-bottom">
										云图
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="h-n-opt h-n-opt-2"><!-- 更多 -->
						<a href="#">
							<i class="h-n-more"></i>
						</a>
						<div class="h-n-sub"><!-- 子菜单 -->
							<ul>
								<li>
									<a href="#" class="n-sub-opt">
										快反应专题
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt">
										客户服务
									</a>
								</li>
								<li>
									<a href="#" class="n-sub-opt n-sub-bottom">
										客户端下载
									</a>
								</li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<!-------网页头部导航栏 end------->
		</div>
		<!----------网页头部 end----------->
		
		<!----------网页首屏----------->
		<div id="home">
			<div class="hm-container">
				<div class="slogan"> <!-- 左边标语 -->
					<a href="#">
						<img src="images/web_intro.png" alt="标语" width="582" height="166" />
					</a>
					<p class="s-msg">
						近<span>30</span>天更新<span>89293</span>个趋势素材 等你来发现
					</p>
					<a href="#" class="s-apply">
						申请试用
						<i></i>
					</a>
				</div>
				<div class="type"> <!-- 右边服装类型 -->
					<ul>
						<li>
							<a href="#" class="t-clothes">
								<img src="images/zq_1_12h.png" alt="女装" width="135" height="30" />
							</a>
						</li>
						<li>
							<a href="#" class="t-clothes">
								<img src="images/zq_2_12h.png" alt="女装" width="105" height="30" />
							</a>
						</li>
						<li>
							<a href="#" class="t-clothes">
								<img src="images/zq_3_12h.png" alt="女装" width="102" height="30" />
							</a>
						</li>
						<li>
							<a href="#" class="t-more">
								<i></i>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="hm-slider clearfix">
				<div class="s-video"><!-- 视频 -->
					<a href="#">
						<p>Flash version 9.0 or greater is required</p>
						<p>You have no flash plugin installed</p>
						<p>Click here to download latest version</p>
					</a>
					<!-- <video src="video/Lego.mp4" controls autoplay width="400" height="270"></video> -->
				</div>
				<div class="swiper-container"><!-- swiper轮播 -->
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="#"><img src="images/5a2dedf913008.jpg" alt="轮播图片1" width="400" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#">
								<img src="images/5a24e5f2cc776.jpg" alt="轮播图片2" width="400" />
							</a>
						</div>
						<div class="swiper-slide">
							<a href="#">
								<img src="images/5a211dca577d0.jpg" alt="轮播图片3" width="400" />
							</a>
						</div>
						<div class="swiper-slide">
							<a href="#">
								<img src="images/7995a24e1617e94a.jpg" alt="轮播图片4" width="400" />
							</a>
						</div>
						<div class="swiper-slide">
							<a href="#">
								<img src="images/8155a2e6d9bbb8f1.jpg" alt="轮播图片1" width="400" />
							</a>
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
				<div class="s-contact"><!-- 联系我们 -->
					<img src="images/contact_boxx12.png" alt="联系我们" width="400" height="270" />
				</div>
			</div>
		</div>
		<!----------网页首屏 end----------->

		<!----------网页内容----------->
		<div id="content">
			<!--网页推荐 “趋势解析”-->
			<div class="firecast recommend">
				<div class="r-content r-pic">
					<div class="trend"><!-- 图1 -->
						<a href="#">
							<img src="images/anareport_5a3798742b1d8_3003.jpg" alt=" 趋势解读图1" width="385" height="270" />
						</a>
						<h3>
							2018春夏女装色彩趋势验证
						</h3>
						<div class="t-effect">
							<p>
								左图组为pop于2017年1月发布的2018ss女装色彩趋势--Femleisure--莫奈的花园，高亮度中纯度的紫色如薰衣草般、春意浪
							</p>
						</div>
					</div>
					<div class="trend r-pic-2"><!-- 图2 -->
						<a href="#">
							<img src="images/anareport_5a3392a83c895_4217.jpg" alt=" 趋势解读图2" width="385" height="270" />
						</a>
						<h3>
							2019春夏男装图案趋势预测--分镜
						</h3>
						<div class="t-effect">
							<p>
								2019春夏Prada秀场中融入了漫画二次元，将漫画穿在身上，像连续画面以一次运镜为单位作分解，展示一种虚拟现实的对比，展现出人
							</p>
						</div>
					</div>
				</div>
				<div class="r-content trend-1 clearfix"><!-- 右边部分内容 -->
					<img src="images/trend_t12.png" alt="趋势解读" width="510" height="70" />
					<p>
						能聚焦，快反应——趋势指导让您更自信的进行风格决策、稳定产品研发步调兼顾迅速应对市场的变化。
					</p>
					<ul class="clearfix"><!-- 人物介绍 -->
						<li class="figure"><!-- 人物介绍1 -->
							<a href="#">
								<img src="images/ds1.png" alt="头像" width="93" height="100" />
								<h4>罗文</h4>
								<span>品牌总监</span>
							</a>
							<i></i>
							<i></i>
							<div class="f-evaluate"><!-- 具体介绍 -->
								<img src="images/ds1.png" alt="头像" width="93" height="100" />
								<div class="f-eva-msg">
									<h2>
										罗文
										<span>/品牌总监</span>
									</h2>
									<p>
										趋势内容比较全面，而且系列特别较强，在开发过程中涉及到的点都有提供。
									</p>
								</div>
							</div>
						</li>
						<li class="figure"><!-- 人物介绍2 -->
							<a href="#">
								<img src="images/ds2.png" alt="头像" width="93" height="100" />
								<h4>倪艺林</h4>
								<span>设计师</span>
							</a>
							<i></i>
							<i></i>
							<div class="f-evaluate"><!-- 具体介绍 -->
								<img src="images/ds2.png" alt="头像" width="93" height="100" />
								<div class="f-eva-msg">
									<h2>
										倪艺林
										<span>/设计师</span>
									</h2>
									<p>
										书籍里面有挺多色卡、面料样、工艺片等等，还挺实用的。
									</p>
								</div>
							</div>
						</li>
						<li class="figure"><!-- 人物介绍3 -->
							<a href="#">
								<img src="images/ds3.png" alt="头像" width="93" height="100" />
								<h4>冉求</h4>
								<span>独立设计师</span>
							</a>
							<i></i>
							<i></i>
							<div class="f-evaluate"><!-- 具体介绍 -->
								<img src="images/ds3.png" alt="头像" width="93" height="100" />
								<div class="f-eva-msg">
									<h2>
										冉求
										<span>/独立设计师</span>
									</h2>
									<p>
										近年的POP趋势提出的很多冷门地区的设计师趋势理念和观点非常新颖，比大牌的更实用。
									</p>
								</div>
							</div>
						</li>
						<li class="figure"><!-- 人物介绍4 -->
							<a href="#">
								<img src="images/ds4.png" alt="头像" width="93" height="100" />
								<h4>宋洁</h4>
								<span>时尚买手</span>
							</a>
							<i></i>
							<i></i>
							<div class="f-evaluate"><!-- 具体介绍 -->
								<img src="images/ds4.png" alt="头像" width="93" height="100" />
								<div class="f-eva-msg">
									<h2>
										宋洁
										<span>/时尚买手</span>
									</h2>
									<p>
										快时尚趋势非常符合国内行情，让我在补货阶段有了特别好的参考方向。
									</p>
								</div>
							</div>
						</li>
					</ul>
					<a href="#" class="r-enter s-apply"><!-- 进入频道 -->
						进入频道
						<i></i>
					</a>
				</div>
			</div>
			<!--网页推荐 “趋势解析” end-->

			<!--网页推荐 “流行分析”-->
			<div class="analysis recommend">
				<div class="r-content trend-1 clearfix"><!-- 左边部分内容 -->
					<img src="images/analysis_t12.png" alt="趋势解读" width="510" height="70" />
					<p>
						大数据，精分析——理性的数据分析，感性的流行推荐。了解全球潮流动向、全面深入解析市场变化，重点观测中国潮流趋势动态。
					</p>
					<ul class="clearfix"><!-- 人物介绍 -->
						<li class="figure"><!-- 人物介绍1 -->
							<a href="#">
								<img src="images/ds5.png" alt="头像" width="93" height="100" />
								<h4>卢玥行</h4>
								<span>企划经理</span>
							</a>
							<i></i>
							<i></i>
							<div class="f-evaluate"><!-- 具体介绍 -->
								<img src="images/ds5.png" alt="头像" width="93" height="100" />
								<div class="f-eva-msg">
									<h2>
										卢玥行
										<span>/企划经理</span>
									</h2>
									<p>
										每次总能及时找到最新的打牌货品分析，内容丰富、看点简明扼要。
									</p>
								</div>
							</div>
						</li>
						<li class="figure"><!-- 人物介绍2 -->
							<a href="#">
								<img src="images/ds6.png" alt="头像" width="93" height="100" />
								<h4>高洪志</h4>
								<span>设计师</span>
							</a>
							<i></i>
							<i></i>
							<div class="f-evaluate"><!-- 具体介绍 -->
								<img src="images/ds6.png" alt="头像" width="93" height="100" />
								<div class="f-eva-msg">
									<h2>
										高洪志
										<span>/设计师</span>
									</h2>
									<p>
										最近热门之一的棉麻文艺风的品牌推荐和分析，非常实用。希望能一直延续推陈出新。
									</p>
								</div>
							</div>
						</li>
						<li class="figure"><!-- 人物介绍3 -->
							<a href="#">
								<img src="images/ds7.png" alt="头像" width="93" height="100" />
								<h4>谭升</h4>
								<span>品牌总监</span>
							</a>
							<i></i>
							<i></i>
							<div class="f-evaluate"><!-- 具体介绍 -->
								<img src="images/ds7.png" alt="头像" width="93" height="100" />
								<div class="f-eva-msg">
									<h2>
										谭升
										<span>/品牌总监</span>
									</h2>
									<p>
										国外的展会很少有时间去，每月来展会分析看看就知道最近有哪些展会和主要内容。
									</p>
								</div>
							</div>
						</li>
						<li class="figure"><!-- 人物介绍4 -->
							<a href="#">
								<img src="images/ds8.png" alt="头像" width="93" height="100" />
								<h4>杭鸿志</h4>
								<span>设计师</span>
							</a>
							<i></i>
							<i></i>
							<div class="f-evaluate"><!-- 具体介绍 -->
								<img src="images/ds8.png" alt="头像" width="93" height="100" />
								<div class="f-eva-msg">
									<h2>
										杭鸿志
										<span>/设计师</span>
									</h2>
									<p>
										每一季四大发布会期间，我都习惯看看POP的分析文章，比自己去提炼不仅节约了时间，还非常及时全面。
									</p>
								</div>
							</div>
						</li>
					</ul>
					<a href="#" class="r-enter s-apply"><!-- 进入频道 -->
						进入频道
						<i></i>
					</a>
				</div>
				<div class="r-content r-pic">
					<div class="trend"><!-- 图1 -->
						<a href="#">
							<img src="images/anareport_5a2e28f1e0da8_2844.jpg" alt=" 趋势解读图1" width="385" height="270" />
						</a>
						<h3>
							18/19秋冬女装日本新兴品牌合集--东
						</h3>
						<div class="t-effect">
							<p>
								内长外短是08sircus18/19秋冬的亮点设计，以暗色调以及暖色调为轮廓基础，低调沉稳的灰色系和纯彩色系搭配，明度较低的彩色系是款
							</p>
						</div>
					</div>
					<div class="trend r-pic-2"><!-- 图2 -->
						<a href="#">
							<img src="images/anareport_5a336ae51b80b_1272.jpg" alt=" 趋势解读图2" width="385" height="270" />
						</a>
						<h3>
							2017秋冬男装标杆品牌跟踪报告--速写
						</h3>
						<div class="t-effect">
							<p>
								雪山、林海、梵音，远离城市的各方嘈杂，我们也许真的需要一个时刻来卸下伪装，去静静的思考自己真实的模样，屈从内心，从此自己
							</p>
						</div>
					</div>
				</div>
			</div>
			<!--网页推荐 “流行分析” end-->

			<!--网页内容 “款式”版块-->
			<div class="styles">
				<div class="sty-content">
					<div class="sty-title"><!-- 款式版块标题 -->
						<img src="images/style_t.png" alt="款式版块标题" width="600" height="160" />
					</div>
					<ul class="clearfix"><!-- 款式版块项 -->
						<li class="sty-opt"><!-- 秀场提炼 -->
							<a href="#">
								<img src="images/style_1.png" alt="秀场" width="180" height="180" class="sty-o-pic" />
								<span class="sty-o-bg"></span>
								<span class="sty-o-img"></span>
								<div class="sty-o-title">
									<img src="images/style_1_f.png" alt="秀场提炼" width="230" height="25" />
								</div>
							</a>
						</li>
						<li class="sty-opt sty-o-mar"><!-- 订货会 -->
							<a href="#">
								<img src="images/style_3.png" alt="订货会" width="180" height="180" class="sty-o-pic" />
								<span class="sty-o-bg sty-bg-2"></span>
								<span class="sty-o-img"></span>
								<div class="sty-o-title">
									<img src="images/style_3_f.png" alt="订货会" width="230" height="25" />
								</div>
							</a>
						</li>
						<li class="sty-opt sty-o-mar"><!-- 设计师品牌 -->
							<a href="#">
								<img src="images/style_2.png" alt="设计师品牌" width="180" height="180" class="sty-o-pic" />
								<span class="sty-o-bg sty-bg-3"></span>
								<span class="sty-o-img"></span>
								<div class="sty-o-title">
									<img src="images/style_2_f.png" alt="设计师品牌" width="230" height="25" />
								</div>
							</a>
						</li>
						<li class="sty-opt sty-o-mar"><!-- 名牌精选 -->
							<a href="#">
								<img src="images/style_4.png" alt="名牌精选" width="180" height="180" class="sty-o-pic" />
								<span class="sty-o-bg sty-bg-4"></span>
								<span class="sty-o-img"></span>
								<div class="sty-o-title">
									<img src="images/style_5_f.png" alt="名牌精选" width="230" height="25" />
								</div>
							</a>
						</li>
						<li class="sty-opt sty-o-top"><!-- 流行款式 -->
							<a href="#">
								<img src="images/style_5.png" alt="流行款式" width="180" height="180" class="sty-o-pic" />
								<span class="sty-o-bg sty-bg-5"></span>
								<span class="sty-o-img"></span>
								<div class="sty-o-title">
									<img src="images/style_6_f.png" alt="流行款式" width="230" height="25" />
								</div>
							</a>
						</li>
						<li class="sty-opt sty-o-mar sty-o-top"><!-- 全球实拍 -->
							<a href="#">
								<img src="images/style_6.png" alt="全球实拍" width="180" height="180" class="sty-o-pic" />
								<span class="sty-o-bg sty-bg-6"></span>
								<span class="sty-o-img"></span>
								<div class="sty-o-title">
									<img src="images/style_7_f.png" alt="全球实拍" width="230" height="25" />
								</div>
							</a>
						</li>
						<li class="sty-opt sty-o-mar sty-o-top"><!-- 潮流领袖 -->
							<a href="#">
								<img src="images/style_8.png" alt="潮流领袖" width="180" height="180" class="sty-o-pic" />
								<span class="sty-o-bg sty-bg-8"></span>
								<span class="sty-o-img"></span>
								<div class="sty-o-title">
									<img src="images/style_9_f.png" alt="潮流领袖" width="230" height="25" />
								</div>
							</a>
						</li>
						<li class="sty-opt sty-o-mar sty-o-top"><!-- 街拍图库 -->
							<a href="#">
								<img src="images/style_7.png" alt="街拍图库" width="180" height="180" class="sty-o-pic" />
								<span class="sty-o-bg sty-bg-7"></span>
								<span class="sty-o-img"></span>
								<div class="sty-o-title">
									<img src="images/style_8_f.png" alt="街拍图库" width="230" height="25" />
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!--网页内容 “款式”版块 end-->

			<!--网页内容 “秀场品牌”版块-->
			<div class="brand-show">
				<div class="bs-content">
					<div class="bs-title">
						<img src="images/brand_t.png" alt="品牌标题" width="190" height="140" class="brand-title" />
						<img src="images/runway_t.png" alt="秀场标题" width="190" height="140" class="show-title" />
					</div>
					<div class="brand-content"><!-- all kinds of brand -->
						<a href="#" style="top:20px;left:280px;">Gucci</a><!-- inline style -->
						<a href="#" class="lighter" style="top:50px;left:165px;">Reem Acea</a><!-- inline style -->
						<a href="#" class="lighter" style="top:100px;left:270px;">Givenchy</a><!-- inline style -->
						<a href="#" style="top:110px;left:55px;">Tory Burch</a><!-- inline style -->
						<a href="#" style="top:150px;right:80px;">Sacai</a><!-- inline style -->
						<a href="#" class="lighter" style="top:170px;left:80px;">MCQ Alexander McQueen</a><!-- inline style -->
						<a href="#" class="lighter" style="top:250px;left:140px;">Akris</a><!-- inline style -->
						<a href="#" class="lighter" style="top:220px;left:360px;">KENZO</a><!-- inline style -->
						<a href="#" style="bottom:70px;left:-20px;">Alexander McQueen</a><!-- inline style -->
						<a href="#" style="bottom:0;left:250px;">Ochirly</a><!-- inline style -->
					</div>
					<div class="enter-brand s-apply"><!-- 进入品牌 -->
						<a href="#">
							进入品牌
							<i></i>
						</a>
					</div>
					<div class="show-content"><!-- 秀场内容 -->
						<a href="#"><!-- Paris -->
							<img src="images/paris.jpg" alt="巴黎" width="272" height="144" />
							<span class="s-place s-paris"></span>
							<span class="s-layer"></span>
						</a>
						<a href="#" class="sw-c-mar"><!-- New York -->
							<img src="images/new_york.jpg" alt="纽约" width="272" height="144" />
							<span class="s-place s-york"></span>
							<span class="s-layer"></span>
						</a>
						<a href="#" class="sw-c-top"><!-- Milan -->
							<img src="images/milan.jpg" alt="米兰" width="272" height="144" />
							<span class="s-place s-milan"></span>
							<span class="s-layer"></span>
						</a>
						<a href="#" class="sw-c-top sw-c-mar"><!-- London -->
							<img src="images/london.jpg" alt="伦敦" width="272" height="144" />
							<span class="s-place s-london"></span>
							<span class="s-layer"></span>
						</a>
						<a href="#" class="sw-c-top"><!-- Other -->
							<img src="images/other.jpg" alt="其它" width="554" height="143" />
							<span class="s-place s-other"></span>
							<span class="s-layer s-o-layer"></span>
						</a>
					</div>
					<div class="enter-show s-apply"><!-- 进入T台 -->
						<a href="#">
							进入T台
							<i></i>
						</a>
					</div>
				</div>
			</div>
			<!--网页内容 “秀场品牌”版块 end -->

			<!--网页内容 “设计周边全搜罗”版块-->
			<div class="designed-around">
				<div class="da-content clearfix">
					<div class="des-content">
						<div class="des-ptn-bks clearfix"><!-- “图案”“读物” -->
							<div class="des-title"><!-- 标题 -->
								<img src="images/designed-title.png" alt="设计周边标题" width="623" height="279" />
							</div>
							<ul class="des-list des-l-list"><!-- 图案 -->
								<li class="des-list-header"><!-- 图案标题 -->
									<a href="#">
										<i></i>
										<img src="images/pattern_all.png" alt="图案标题" width="91" height="48" />
									</a>
								</li>
								<li class="des-list-opt"><!-- 图案素材 -->
									<a href="#" class="des-effect">
										<i></i>
										<img src="images/pattern_1.png" alt="图案素材" width="126" height="45" />
									</a>
								</li>
								<li class="des-list-opt"><!-- 大型花牌 -->
									<a href="#" class="des-effect">
										<i></i>
										<img src="images/pattern_2.png" alt="大型花牌" width="163" height="39" />
									</a>
								</li>
								<li class="des-list-opt"><!-- 图案专题 -->
									<a href="#" class="des-effect">
										<i></i>
										<img src="images/pattern_4.png" alt="图案专题" width="109" height="36" />
									</a>
								</li>
								<li class="des-list-opt"><!-- 图案工艺 -->
									<a href="#" class="des-effect">
										<i></i>
										<img src="images/pattern_3.png" alt="图案工艺" width="123" height="36" />
									</a>
								</li>
							</ul>
							<ul class="des-list des-r-list"><!-- 读物 -->
								<li class="des-list-header des-read-header"><!-- 读物标题 -->
									<a href="#">
										<i></i>
										<img src="images/books_all.png" alt="读物标题" width="125" height="50" />
									</a>
								</li>
								<li class="des-list-opt"><!-- 单品合辑 -->
									<a href="#" class="des-effect">
										<i></i>
										<img src="images/books_2.png" alt="单品合辑" width="120" height="50" />
									</a>
								</li>
								<li class="des-list-opt"><!-- 趋势手稿 -->
									<a href="#" class="des-effect">
										<i></i>
										<img src="images/books_1.png" alt="趋势手稿" width="100" height="50" />
									</a>
								</li>
								<li class="des-list-opt"><!-- 快反应系列 -->
									<a href="#" class="des-effect">
										<i></i>
										<img src="images/books_4.png" alt="快反应系列" width="100" height="50" />
									</a>
								</li>
								<li class="des-list-opt"><!-- 广告大片 -->
									<a href="#" class="des-effect">
										<i></i>
										<img src="images/books_6.png" alt="广告大片" width="105" height="36" />
									</a>
								</li>
							</ul>
						</div>
						<div class="des-reference"><!-- "素材" -->
							<ul class="des-list des-ref-list"><!-- "素材" -->
								<li class="des-list-header des-ref-header"><!-- 素材 -->
									<a href="#">
										<i></i>
										<img src="images/refrence_all.png" alt="素材" width="120" height="56" />
									</a>
								</li>
								<li class="des-list-opt"><!-- 灵感源 -->
									<a href="#" class="des-effect">
										<i></i>
										<img src="images/refrence_6.png" alt="灵感源" width="89" height="50" />
									</a>
								</li>
								<li class="des-list-opt"><!-- 灵感视频 -->
									<a href="#" class="des-effect">
										<i></i>
										<img src="images/insp_3.png" alt="灵感视频" width="135" height="55" />
									</a>
								</li>
								<li class="des-list-opt"><!-- 款式模板 -->
									<a href="#" class="des-effect">
										<i></i>
										<img src="images/refrence_2.png" alt="款式模板" width="120" height="56" />
									</a>
								</li>
								<li class="des-list-opt"><!-- 款式细节 -->
									<a href="#" class="des-effect">
										<i></i>
										<img src="images/refrence_3.png" alt="款式细节" width="95" height="56" />
									</a>
								</li>
								<li class="des-list-opt"><!-- 店铺陈列 -->
									<a href="#" class="des-effect">
										<i></i>
										<img src="images/refrence_4.png" alt="店铺陈列" width="145" height="56" />
									</a>
								</li>
								<li class="des-list-opt"><!-- 展会面料 -->
									<a href="#" class="des-effect">
										<i></i>
										<img src="images/refrence_5.png" alt="展会面料" width="140" height="56" />
									</a>
								</li>
								<li class="des-list-opt"><!-- 服饰品 -->
									<a href="#" class="des-effect">
										<i></i>
										<img src="images/refrence_7.png" alt="服饰品" width="81" height="56" />
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!--网页内容 “设计周边全搜罗”版块 end -->

			<!--网页内容 “合作机构”版块-->
			<div class="partner">
				<div class="ptn-title"><!-- 合作机构标题 -->
					<img src="images/resources.png" alt="合作机构标题" width="600" height="160" />
				</div>
				<div class="ptn-content"><!-- 合作机构 -->
					<ul class="clearfix"><!-- 合作机构 -->
						<li class="p-c-res res-1">
							<i></i>
						</li>
						<li class="p-c-res res-2 res-mar">
							<i></i>
						</li>
						<li class="p-c-res res-3 res-mar">
							<i></i>
						</li>
						<li class="p-c-res res-4 res-mar">
							<i></i>
						</li>
						<li class="p-c-res res-5 res-mar">
							<i></i>
						</li>
						<li class="p-c-res res-6 res-top">
							<i></i>
						</li>
						<li class="p-c-res res-7 res-mar res-top">
							<i></i>
						</li>
						<li class="p-c-res res-8 res-mar res-top">
							<i></i>
						</li>
						<li class="p-c-res res-9 res-mar res-top">
							<i></i>
						</li>
						<li class="p-c-res res-10 res-mar res-top">
							<i></i>
						</li>
						<li class="p-c-res res-11 res-top">
							<i></i>
						</li>
						<li class="p-c-res res-12 res-mar res-top">
							<i></i>
						</li>
						<li class="p-c-res res-13 res-mar res-top">
							<i></i>
						</li>
						<li class="p-c-res res-14 res-mar res-top">
							<i></i>
						</li>
					</ul>
				</div>
			</div>
			<!--网页内容 “合作机构”版块 end-->
		</div>
		<!----------网页内容 end----------->

		<!----------网页尾部----------->
		<div id="footer">
			<div class="ft-contianer">
				<!----------网页尾部 第一部分----------->
				<div class="service-container clearfix">
					<div class="ft-service"><!-- 售前（/后）服务 -->
						<i></i>
						<div class="ser-number"><!-- 售前（/后）电话 -->
							<p>
								4008-210-500<span>（售前）</span>
							</p>
							<p>
								4008-210-662<span>（售后）</span>
							</p>
						</div>
						<div class="ft-hot-line"><!-- 客服热线 -->
							<p>POP服装趋势网客服热线</p>
							<p>周一至周日：09:00-22:00</p>
						</div>
					</div>
					<div class="ft-naver clearfix"><!-- 页脚导航列表 -->
						<ul> <!-- 趋势解读 -->
							<li class="ft-n-title">
								<a href="#">
									<h3>趋势解读</h3>
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									主题色彩
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									图案趋势
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									面辅料趋势
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									工艺趋势
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									廊形趋势
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									企划/组货
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									快反应
								</a>
							</li>
						</ul>
						<ul><!-- 流行分析 -->
							<li class="ft-n-title">
								<a href="#">
									<h3>流行分析</h3>
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									T台分析
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									订货会分析
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									设计师品牌分析
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									标杆品牌分析
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									市场分析
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									展会分析
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									潮流领袖
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									街拍分析
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									行业报道
								</a>
							</li>
						</ul>
						<ul> <!-- 款式 -->
							<li class="ft-n-title">
								<a href="#">
									<h3>款式</h3>
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									秀场提炼
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									订货会
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									设计师品牌
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									名牌精选
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									款式流行
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									全球实拍
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									潮流领袖
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									街拍图库
								</a>
							</li>
						</ul>
						<ul><!-- 图案 -->
							<li class="ft-n-title">
								<a href="#">
									<h3>图案</h3>
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									图案素材
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									大牌花型
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									图案专题
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									图案工艺
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									数码云打印
								</a>
							</li>
						</ul>
						<ul> <!-- 面料 -->
							<li class="ft-n-title">
								<a href="#">
									<h3>面料</h3>
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									面料趋势
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									面料图库
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									面料书籍
								</a>
							</li>
						</ul>
						<ul><!-- T台 -->
							<li class="ft-n-title">
								<a href="#">
									<h3>T台</h3>
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									巴黎时装周
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									纽约时装周
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									米兰时装周
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									伦敦时装周
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									其它
								</a>
							</li>
						</ul>
						<ul> <!-- 读物 -->
							<li class="ft-n-title">
								<a href="#">
									<h3>读物</h3>
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									单品合辑
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									趋势手稿
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									快反应系列
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									广告大片
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									流行画册
								</a>
							</li>
						</ul>
						<ul><!-- 素材 -->
							<li class="ft-n-title">
								<a href="#">
									<h3>素材</h3>
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									灵感源
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									灵感视频
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									款式模板
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									款式细节
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									店铺陈列
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									展会面料
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									服饰品
								</a>
							</li>
						</ul>
						<ul><!-- 更多 -->
							<li class="ft-n-title">
								<a href="#">
									<h3>...</h3>
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									商城
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									设界
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									优料宝
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									客户服务
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									行业资源
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									设计工具
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									云图
								</a>
							</li>
							<li class="ft-n-opt">
								<a href="#">
									客户端下载
								</a>
							</li>
						</ul>
					</div>
					<div class="ft-qrcode"><!-- 二维码 -->
						<h2>官方微信服务号</h2>
						<img src="images/erwm.jpg" alt="二维码" width="136" height="136" />
					</div>
				</div>
				<!----------网页尾部 第一部分 end----------->

				<!----------网页尾部 第二部分----------->
				<div class="ft-pop"><!-- 各色POP图标 -->
					<a href="#">
						<i></i>
					</a>
					<a href="#" class="ft-pop-mar">
						<i class="ft-pop-pink"></i>
					</a>
					<a href="#" class="ft-pop-mar">
						<i class="ft-pop-green"></i>
					</a>
					<a href="#" class="ft-pop-mar">
						<i class="ft-pop-blue"></i>
					</a>
					<a href="#" class="ft-pop-mar">
						<i class="ft-pop-brown"></i>
					</a>
					<a href="#" class="ft-pop-mar">
						<i class="ft-pop-colorful"></i>
					</a>
				</div>
				<!----------网页尾部 第二部分 end----------->

				<!----------网页尾部 第三部分----------->
				<div class="ft-footer">
					<ul class="clearfix">
						<li>
							<a href="#">关于我们</a>
						</li>
						<li class="ver-line">
							<a href="#">加入会员</a>
						</li>
						<li class="ver-line">
							<a href="#">会员须知</a>
						</li>
						<li class="ver-line">
							<a href="#">收费一览</a>
						</li>
						<li class="ver-line">
							<a href="#">付款方式</a>
						</li>
						<li class="ver-line">
							<a href="#">法律声明</a>
						</li>
						<li class="ver-line">
							<a href="#">联系我们</a>
						</li>
						<li class="ver-line">
							<a href="#">友情链接</a>
						</li>
						<li class="ver-line">
							<a href="#">诚聘英才</a>
						</li>
						<li class="ver-line">
							<a href="#">网站地图</a>
						</li>
						<li class="ver-line">
							<a href="#">广告中心</a>
						</li>
					</ul>
					<p>
						上海逸尚云联信息技术股份有限公司 &copy; 2004-2020法律顾问：北京中银（上海）律师事务所 沪ICP备06003020号-1
					</p>
					<a href="#">
						<img src="images/safty.png" alt="网络安全" width="20" height="20" />
						<span>
							沪公网安备 31010402000973号
						</span>
					</a>
				</div>
				<!----------网页尾部 第三部分 end----------->

				<!----------网页悬浮右侧栏----------->
				<div class="hung-bar">
					<ul>
						<li class="hb-qq"><!-- qq图标 -->
							<a href="#">
								<i></i>
								<div class="hb-illustrate">
									在线咨询
								</div>
							</a>
						</li>
						<li class="hb-sale hb-before-sale"><!-- 电话图标 -->
							<a href="#">
								<i></i>
								<div class="hb-illustrate">
									<p>售前客服</p>
									<span>4008 210 500</span>
								</div>
							</a>
						</li>
						<li class="hb-sale hb-after-sale"><!-- 客服图标 -->
							<a href="#">
								<i></i>
								<div class="hb-illustrate">
									<p>售后小秘书</p>
									<span>4008 210 662</span>
								</div>
							</a>
						</li>
						<li class="advice"><!-- 意见反馈图标 -->
							<a href="#">
								<i></i>
								<div class="hb-illustrate">
									意见反馈
								</div>
							</a>
						</li>
						<li class="hb-qrcode"><!-- 二维码图标 -->
							<a href="#">
								<i></i>
								<div class="hb-illustrate">
									<img src="images/nav_rqcode.png" alt="二维码" width="138" height="182" />
								</div>
							</a>
						</li>
						<li class="hb-back-top"><!-- 返回顶部图标 -->
							<a href="#header">
								<i></i>
							</a>
						</li>
					</ul>
				</div>
				<!----------网页悬浮右侧栏 end----------->
			</div>
		</div>
		<!----------网页尾部 end----------->
	</div>
 </body>
 <script type="text/javascript" src="js/swiper-3.4.2.min.js"></script>
 <script type="text/javascript"> 
	var mySwiper = new Swiper('.swiper-container', {
		autoplay: 3000,//可选选项，自动滑动
		pagination : '.swiper-pagination',
		effect : 'fade',
		fade: {
		  crossFade: true,
		}
	})
 </script>
</html>
